<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>FrozenUI Demo</title>
        <link href="static/css/common.css" rel="stylesheet">
        <script type="text/javascript" src="static/vendors/require/require.min.js" data-main="static/js/require.config"></script>
   		
    </head>
    <body ontouchstart="" class="ms-loader ms-loading">
    	<div class="page-wrapper">
    		<div class="page active" id="frozen-page2">
		        <header class="ui-header ui-header-positive ui-border-b">
		            <i class="ui-icon-return" onclick="history.back()"></i><h1>工具提示条 tooltips</h1><button class="ui-btn">回首页</button>
		        </header>
		        <footer class="ui-footer ui-footer-btn">
		            <ul class="ui-tiled ui-border-t">
		                <li data-href="index.html" class="ui-border-r"><div>基础样式</div></li>
		                <li data-href="ui.html" class="ui-border-r"><div>UI组件</div></li>
		                <li data-href="js.html"><div>JS插件</div></li>
		            </ul>
		        </footer>
		        <section class="ui-container">
					<section id="tooltips">
					   
					    <div class="demo-item">
					        <p class="demo-desc">工具提示条</p>
					        <div class="demo-block">
					            <div class="ui-tooltips ui-tooltips-warn">
					                <div class="ui-tooltips-cnt ui-tooltips-cnt-link ui-border-b">
					                    <i></i>异常状态相关提示异常状态相关提示异常状态相关提示异常状态相关提示
					                </div>
					            </div>
					            <div class="ui-tooltips ui-tooltips-warn">
					                <div class="ui-tooltips-cnt ui-border-b">
					                    <i></i>客观情况告知客观情况告知客观情况告知客观情况告知<a class="ui-icon-close"></a>
					                </div>
					            </div>
					            <div class="ui-tooltips ui-tooltips-guide">
					                <div class="ui-tooltips-cnt ui-tooltips-cnt-link ui-border-b">
					                    <i class="ui-icon-talk"></i>进行时状态相关进行时状态相关进行时状态相关进行时状态相关
					                </div>
					            </div>
					            <div class="ui-tooltips ui-tooltips-guide">
					                <div class="ui-tooltips-cnt ui-border-b">
					                    <i></i>新手引导、新功能推荐、广告推广等。新手引导、新功能推荐、广告推广等。<a class="ui-icon-close"></a>
					                </div>
					            </div>
					        </div>
					    </div>
					</section>
					
					
				</section><!-- /.ui-container-->
        		<script type="text/javascript" data-page="frozen-page2"></script>
        	</div>
        </div>
    </body>
</html>